// const layuiAll = require("../lib/layui/layui.all")

var $LonginBox, $RegBox
$(function () {
  $LonginBox = $('.login-box')
  $RegBox = $('.reg-box')

  //dom树准备完毕后 为去注册超链接添加点击事件
  $('#link-reg').on('click', function () {
    // 隐藏登录框
    $LonginBox.hide()
    // 显示注册框
    $RegBox.show()
  })

  //dom树准备完毕后 为去登录超链接添加点击事件
  $('#link-login').on('click', function () {
    // 显示登录框
    $LonginBox.show()
    //  隐藏注册框
    $RegBox.hide()
  })
  // --------------------------------------------------------
  // 为登录和注册添加新的 验证规则
  layui.form.verify({
    pwd: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],
    // 校验两次密码是否一致的规则
    repwd: function (value) {
      // 通过形参拿到的是确认密码框中的内容 需要拿到密码框中的内容  然后拿到密码框中的内容进行一次对等判断
      var pwd = $('.reg-box [name=password]').val() // 获取密码内容
      if (pwd !== value) {//对比密码内容和val中的内容是否一致
        return '两次密码不一致'
      }
    }
  })
  // ----------------------------
  // 1.注册表单提交事件
  $('#formReg').on('submit', function (e) {
    // a.取消表单的默认提交行为
    e.preventDefault()
    // b,获取注册信息
    let data = {
      username: $('.reg-box [name=username]').val().trim(),
      password: $('.reg-box [name=password]').val().trim()
    };

    // c发送ajax请求
    $.post('/api/reguser',data, function (res) {
      if (res.status !== 0) {
       layui.layer.msg(res.status);
      } else {
        layui.layer.msg(res.status,function(){
          $('#link-login').click();
          $('#formReg')[0].reset()//清空表单注册内容
        });
        // 将用户名和密码 设置给 登录窗体的输入框
        $('.login-box [name=username]').val(data.username)
        $('.login-box [name=password]').val(data.password)

      }
    })
  })

  // 登录表单提交事件
  $('#formLogin').on('submit',function(e){
    e.preventDefault()
    // a获取用户密码数据 
    var strData=$(this).serialize();
// b提交到登录接口
$.ajax({
  type:'post',
  url:'/api/login',
  data:strData,
  success:function(res){
  // c直接显示 登录结果 并执行回调函数
  layui.layer.msg(res.message,function(){
    if(res.status === 0){
      // e发送的token保存到服务端
      localStorage.setItem('token',res.token)
      location.href='/index.html'
    }
  })
  }
})
  })
})